/*
* @Author: Marte
* @Date:   2018-01-09 15:18:17
* @Last Modified by:   Marte
* @Last Modified time: 2018-01-11 16:56:15
*/
.nav-secondary, .paid-banner, .mobile-banner{ display: none; }

@media screen and ( max-width: 1500px ){
    .slider__nav-arrow--right{right: 40px;}
    .slider__nav-arrow--left{ right: 83px;}

    .logo{ margin-top: 40px; }
    .nav ul li{ margin-top: 28px; }
    .eng{ margin-top: 35px; }
    .copyright{ margin-top: 30px; }


}


@media screen and ( min-width: 1240px ){

    .naver .item:hover{ background-color: #013b7a; }
    .nav ul li:hover{ background: url(../images/icon1_03.jpg) no-repeat left 9px; }
    .nav ul li:hover .firstNav a{ color: #013b7a; }
    .nav ul li:hover span{ color: #93b5d9; }
    .nav ul li:hover .firstNav a:after{ content: ""; position: absolute; width: 84px; height: 3px; left: 108%; top: 48%; background: url(../images/xian_03.jpg) no-repeat; }
}

@media screen and ( max-width: 1240px ){

    .nav-secondary {
        display: block;
        padding: 26px;
        transition-property: right,top;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
    }
    .btn.btn--square{ display: block; width: 42px; height: 42px; border-radius: 40px; text-align: center; line-height: 50px; color: #191a1b; background-color: #fff; transition: all ease-out .3s; }
    .btn.btn--square.active{ background-color: #000; }
    .htmleaf-container{ display: none; }
    .paid-banner{ display: block; width: 100%; height: 100%; }
    .slider2 {
      width: 100%;
      height: 100vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-perspective: 1000px;
              perspective: 1000px;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
    }
    .paid-banner .bx-controls-direction a{ display: none;}
    .paid-banner .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 50px; text-align: center; }
    .paid-banner .bx-pager .bx-pager-item{ display: inline-block; border-radius: 6px; margin: 0 7px; text-indent: -999px; overflow: hidden; }
    .paid-banner .bx-pager .bx-pager-item a{ display: block; width: 14px; height: 14px; border-radius: 7px; position: relative; }
    .paid-banner .bx-pager .bx-pager-item a:after{ content: ""; position: absolute; width: 6px; height: 6px; background-color: #fff; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px; }
    .paid-banner .bx-pager .bx-pager-item a.active{ border: 1px solid #fff; }
    .logo{ margin-top: 25px; margin-left: 26px; position: fixed; left: 0; top: 0; width: 166px; z-index: 100; }

    .index-left{ background-color: transparent; width: auto; height: auto; }
    .nav{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; z-index: 99; margin-top: 0; overflow-y: scroll; display: none; }
    .naver{ position: static; width: auto; margin-top: 14px; text-align: left; }
    .nav ul{ margin-top: 84px; }
    .nav ul li{ margin-top: 25px; }
    .naver .item{ height: auto; line-height: 24px; padding-left: 50px; }
    .naver .item > a.active{ color: #013b7a; }
    .naver .item a{ color: #666; }
    .naver .item.active{ background-color: transparent; }

    .san{ position: static; width: auto; text-align: left; }
    .san-item{ text-indent: 30px; line-height: 30px; }

    .copyright{ position: fixed; width: 100%; left: 0; bottom: 0; text-align: center; }
    .copyright p{ line-height: 20px; color: #eee; }

    .eng{ display: none; }


    .content{ margin-left: 0; width: 88%; }

}



@media screen and ( max-width: 1100px ){



}




@media screen and ( max-width: 769px ){
    .paid-banner{ display: none; }
    .index-left{ width: 40%; }
    .logo{ margin-left: 14px; margin-top: 20px; }
    .nav-secondary{ padding: 14px; }
    .mobile-banner{ display: block; width: 100%; height: 100%; }
    .mobile-banner .bx-controls-direction a{ display: none;}
    .mobile-banner .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 50px; text-align: center; }
    .mobile-banner .bx-pager .bx-pager-item{ display: inline-block; border-radius: 6px; margin: 0 7px; text-indent: -999px; overflow: hidden; }
    .mobile-banner .bx-pager .bx-pager-item a{ display: block; width: 14px; height: 14px; border-radius: 7px; position: relative; }
    .mobile-banner .bx-pager .bx-pager-item a:after{ content: ""; position: absolute; width: 6px; height: 6px; background-color: #fff; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px; }
    .mobile-banner .bx-pager .bx-pager-item a.active{ border: 1px solid #fff; }


    .content{ height: 550px; }
    #content{ height: 390px; }

    .contact ul li{ width: 100%; margin-bottom: 20px; }

}




@media screen and ( max-width: 641px ){
    .content{ height: 380px; }
    #content{ height: 236px; }

    .content{ width: 94%; padding-top: 20px; }
    .content-tit{ margin: 0 20px; }
    .content-tit:after{ left: -20px; }
    .content-tit h4{ font-size: 20px; }
    .content-tit h4 small{ font-size: 14px; }
    .content-tit p{ font-size: 14px; }
    #content{ margin: 20px; padding-left: 0; }

    .plane-show{ margin-top: 24px; }
    .plane-show li{ width: 49%; margin-bottom: 10px; }

    .consult{ width: 100%; }
    .consult input{ width: 98%; }

    .news-list ul li a{ width: 74%; }

    .ban{ width: 100%; margin-bottom: 30px; }

}



@media screen and ( max-width: 321px ){#content{ height: 206px; }  .content{ height: 350px; }
 



}